<!DOCTYPE html>
<html>
<head>
	<title>WalkerEye</title>
	<meta charset="utf-8">
	<meta content="WalkerEye旅游空间" name="行者之眼，遍及全球。">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/navigator.css">
	<script src="js/jquery-1.4.4.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<!-- 控制图片轮播脚本 -->
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'image/loading.gif',
				play: 4000,   //轮播总用时
				pause: 2500,
				hoverPause: true,
				animationStart: function(){
					$('.caption').animate({
						bottom:-35
					},100);
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},300);
				}
			});
		});
	</script>
</head>
<body>
<!--全局导航栏-->
<div class="up_nav">
		<div class="nav_content">
			<div class="nav_left">
				<!-- logo -->
				<a href=""><img src="image/logo1.png" alt=""></a>
				<!-- 四个主题 -->
				<div class="topic">
					<ul class="cross_topic">
					   <li><a href="">精选</a></li>
					   <li><a href="pages/pic_model.html">光影</a></li>
					   <li><a href="pages/diary_model.html">途记</a></li>
					   <li><a href="pages/way_model.html">路线</a></li>
					</ul>
				</div>
			</div>
			<div class="nav_right">
				<!-- 搜索框 -->
				<div class="search">
					<form action="#" method="post">
						<input type="text" autocomplete="off" placeholder="搜索景点、路线"/>
						<input type="submit" value="">
					</form>
				</div>
				<!-- 登陆和注册 -->
				<div class="log_reg">
					<li>
						<a target="_blank" href="pages/login.html" class="login">登录</a>
						<span>|</span>
						<a target="_blank" href="pages/register.html" class="register">注册</a>
					</li>
				</div>
			</div>
		</div>
	</div>
	<!-- 导航栏end -->
<!--主体部分-->
	<div id="part_middle">
		<div class="slider">
		<div id="slides">
			<div class="slides_container">
				<div>
					<a href="#"><img src="pictures/lb1.jpg" width="645" height="380"></a>
					<div class="caption" style="bottom:0">
						<p>西湖 · 良栖 | 品质生活，用心感受</p>
					</div>
				</div>
				<div>
					<a href="#"><img src="pictures/lb3.jpg" width="645" height="380"></a>
					<div class="caption">
						<p>光影 · 牛背山 | 中国最大的观景平台</p>
					</div>
				</div>
				<div>
					<a href="#"><img src="pictures/lb2.jpg" width="645" height="380"></a>
					<div class="caption">
						<p>茶卡盐湖 | 中国的天空之境</p>
					</div>
				</div>
				<div>
					<a href="#"><img src="pictures/lb4.jpg" width="645" height="380"></a>
					<div class="caption">
						<p>天上人间 海上崂山</p>
					</div>
				</div>
				<div>
					<a href="#"><img src="pictures/lb5.jpg" width="645" height="380"></a>
					<div class="caption">
						<p>油菜花开满地黄，飘溢醉人浓郁香</p>
					</div>
				</div>
			</div>
		</div>
		</div>
		<div class="words">
			<div class="title">我在路上，你在哪里？</div>
			<div class="desc">
				<p>雪山一直是我想去的地方</p>
				<p>载着久违的梦踏上了去喜马拉雅的旅程</p>
				<p>美丽的茶卡盐湖，宛如天空之境般美妙</p>
				<p>我想，我爱上了这个地方 </p>
				<p>朋友，你愿意来这里吗？</p>
			</div>
			<div class="slogan">
				<p>行者之眼，遍及全球</p>
				<p>最美的风景，一定在路上</p>
			</div>
			<div class="share">
				<span class="text">分享 WalkerEye到&nbsp;</span>
				<div class="share_logo">
					<a href="#"><img src="image/微博.png" alt=""></a>
					<a href="#"><img src="image/豆瓣.png" alt=""></a>
					<a href="#"><img src="image/腾讯QQ.png" alt=""></a>
				</div>
			</div>
		</div>
	</div>
<!--	</div>-->
	<div id="copyright">
	    <p>WalkerEye | 行者之眼，遍及全球。</p>
		<p>Copyright © 2016-2017&nbsp; <a target="_blank" href="http://www.mtuchn.cn" target="_blank">Liu Shijie. </a>&nbsp;All Rights Reserved.</p>
	</div>
</body>
</html>
